<template>
<mine-account-header title="账号管理"/>
  <div class="gap">
    <ItemView :item="item1"/>
    <ItemView :item="item2"/>
    <ItemView :item="item3"/>
    <ItemView :item="item4"/>
  </div>
</template>
<script setup lang="ts">
import MineAccountHeader from'@/components/PubHeaderComponent.vue'
import ItemView from "@/views/MineView/components/ItemView.vue";
const item1={
  text:'用户名',
  desc:'未设置',
  descColor:'#999'
}
const item2={
  text:'手机号',
  desc:'未设置',
  descColor:'#999'
}
const item3={
  text:'邮箱',
  desc:'未设置',
  descColor:'#999'
}
const item4={
  text:'修改密码',
  desc:'',
  descColor:'#999'
}
</script>

<style scoped lang="less">
.gap{
  margin: 10px 0;
}
</style>